<template>
  <div class="logo" style="z-index:-100;position: relative; ">
    <!-- background-color:rgb(0, 53, 100); -->
    <router-link :to="{name:'dashboard'}">
      <!-- <LogoSvg alt="logo" /> -->
       <!-- <img src="~@/assets/logo.svg" class="logo" alt="logo"> -->
      <!-- <img src="~@/assets/logo.png" style="height:40px;width:40px;"> -->
      <img src="~@/assets/gmlogo.png" style="height:40px;width:40px;">
      <h1 v-if="showTitle">{{ title }}</h1>
    </router-link>
<!--     
    <a-icon v-if="device==='mobile'" class="trigger" :type="collapsed ? 'menu-fold' : 'menu-unfold'" @click="toggle"/>
    <a-icon v-else class="trigger" :type="collapsed ? 'menu-unfold' : 'menu-fold'" @click="toggle"/> -->
          
  </div>
</template>

<script>
import LogoSvg from '@/assets/logo.svg?inline'

export default {
  methods: {
    toggle () {
      alert('gg')
      this.$emit('toggle')
    }
  },
  name: 'Logo',
  components: {
    LogoSvg
  },
  props: {
    collapsed: {
      type: Boolean,
      required: false,
      default: false
    },
    title: {
      type: String,
      default: '金融管理系统',
      required: false
    },
    showTitle: {
      type: Boolean,
      default: true,
      required: false
    }
  },
}
</script>
    
